<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/css.css" />

<title>欢迎登陆</title>
<style type="text/css">
body {
	text-align: center
}

.div {
	margin: 0 auto;
	width: 600px;
	height: 370px;
}

.d {
	height: 170px;
}

.tab {
	font-size: 20px;
}
</style>

<style type="text/css">
.code {
	background-image: url(images/code.jpg);
	font-family: Arial;
	font-style: italic;
	color: Red;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
}
</style>



</head>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js" /></script>
<script type="text/javascript">
	$(function() {
		var winWidth, winHeight;
		Resize = function() {
			winWidth = $(window).width(), winHeight = $(window).height();
		}
	});

	function addListener(element, e, fn) {
		if (element.addEventListener) {
			element.addEventListener(e, fn, false);
		} else {
			element.attachEvent("on" + e, fn);
		}
	}

	var code; //在全局 定义验证码   

	function createCode() {
		code = "";
		var codeLength = 6; //验证码的长度   
		var checkCode = document.getElementById("checkCode");
		var selectChar = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c',
				'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o',
				'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'); //所有候选组成验证码的字符，当然也可以用中文的   

		for (var i = 0; i < codeLength; i++) {

			var charIndex = Math.floor(Math.random() * 36);
			code += selectChar[charIndex];

		}
		//       alert(code);   
		if (checkCode) {
			checkCode.className = "code";
			checkCode.value = code;
		}

	}

	function validate() {
		var inputCode = document.getElementById("input1").value;
		if (inputCode.length <= 0) {
			alert("请输入验证码！");
		} else if (inputCode != code) {
			alert("验证码输入错误！");
			createCode(); //刷新验证码   
		} else {
			alert("验证码验证成功，点击继续登录！");
			document.getElementById("form").submit();
		}
	}
</script>
<body onResize="Resize()" onload="createCode()">
	<div class="menu">
		<ul>
			<li style="width: 0px;"><a></a></li>
			<li class="active"><a href="again.jsp" class="home">首页</a></li>
			<li><a href="again.jsp" class="account">个人信息</a></li>
			<li><a href="again.jsp" class="wishlist">订单查询</a></li>

			<li style="float: right;"><a href="regist.jsp" class="login">注册</a></li>
		</ul>
	</div>
	<div>
		<div class="d">
			<img src="images/mailogo.jpg" />
		</div>
		<!--<body onResize="Resize()" onload="createCode()">-->
		<div class="div">
			<form action="login" method="post" id="form">
				<center>
					<table class="tab">
						<tr>
							<td>请输入用户名</td>
							<td><input type="text" name="sellerTel"></td>
						</tr>
						<tr>
							<td>请输入密码</td>
							<td><input type="password" name="sellerPsd"></td>
						</tr>
						<tr>
							<td><input type="text" onclick="createCode()"
								readonly="readonly" id="checkCode" class="unchanged"
								style="width: 80px" /></td>
							<td><input type="text" id="input1" value="请输入验证码"
								onfocus="if (value =='请输入验证码'){value =''}"
								onblur="if (value ==''){value='请输入验证码'}" onblur="validate();" />
							</td>

							<br />
						<tr>
							<td><input type="reset" value="重置"></td>
							<td><input id="Button1" onclick="validate();" type="button"
								value="登录" /></td>
						</tr>
					</table>
				</center>
			</form>
		</div>


	</div>


	<script type="text/javascript">
		$(window).load(function() {
			$('#slider').nivoSlider();
		});
	</script>
	<div class="icart-footer">
		<div class="icart-footer-top">
			<div style="width: 1000px; margin: 0 auto;"></div>
		</div>
		<div class="icart-footer-container">
			<div class="column_footer" style="width: 500px;">
				<h3>关于我们</h3>
				<div class="footer_description">......</div>
			</div>

			<div class="column_footer" style="width: 150px;">
				<h3>客户服务</h3>
				<ul>
					<li><a href="#">隐私声明</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">地图</a></li>
				</ul>
			</div>

			<div class="column_footer" style="width: 150px;">
				<h3>其他</h3>
				<ul>
					<li><a href="#">主要品牌</a></li>
					<li><a href="#">关联企业</a></li>
				</ul>
			</div>


			<div class="column_footer" style="margin-right: 0px;">
				<h3>社会服务</h3>
				<ul class="social">
					<li class="twitter"><a href="#">Twitter Username</a></li>
					<li class="facebook"><a href="#">Facebook</a></li>
					<li class="rss"><a href="#">RSS Feed</a></li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="icart-footer-bottom">
			<div style="width: 1000px; margin: 0 auto;">

				<ul>
					<li style="float: right; padding-top: 10px; list-style: none;"><a
						href="#">&copy; Copyright &copy; 南京大学 大数据与移动云计算
							第二小组&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
				</ul>
				<div class="clearfix"></div>
			</div>

		</div>
	</div>
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='utf-8'></script>
	</div>
</body>

</html>
